<template>
  <div class="info-item card-item">
    <div class="title-info">
      <svg-icon name="home-basic"/>
      <span class="sub-title">基础信息</span>
    </div>

    <div class="info food-basic-info">
      <el-tag v-if="foodStore.currentFoodRecipe.category">
        {{ foodStore.currentFoodRecipe.category }}
      </el-tag>
    </div>
  </div>
</template>

<script setup lang="ts">
import { SvgIcon } from 'vue3-common'
import { useFoodStore } from '@/store/food.ts'

const foodStore = useFoodStore()
</script>
